@charset "utf-8";
/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img {margin: 0; padding: 0}
img {border: 0;}


*{transition:all 0.1s linear 0s;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; font-style: normal;line-height: 1;}
ul, li, ol {list-style: none;}
h1{font-size: 100px;}
h2{font-size:54px;}
h3{font-size: 40px;}
h4{font-size:24px; }
h5{font-size:18px; }
h6{font-size:14px;}

input ,textarea{border:none;background: none;font-family: 'Microsoft Yahei', 'SimSun', 'HelveticaNeue';}
body {font: 14px/150% 'Microsoft Yahei', 'SimSun', 'HelveticaNeue';color: #fff;padding-top: 70px; }
em {font-style: normal;}
a {text-decoration: none;}

/*notice for index*/
.home{width: 100%;position: relative; float: left;}
.w1100{width: 1100px;margin-left: auto;margin-right: auto;}



/*nav for home*/

.header{position: fixed;z-index: 999;top: 0px; left: 0px;border-bottom: 1px solid #ddd; background-color:#fff;box-shadow: 0px 3px 5px rgba(0, 0, 0, .2); }
.logo{float: left;padding: 10px 0px;width: 205px;}
.nav-list{float: right;padding: 27px 0px;margin-right: -12px;line-height: 16px;font-size: 16px;}
.nav-list li{display: inline;padding: 0px 24px;}
.nav-n a{color: #313131;}
.nav-y a{color: #e06869;}
.nav-list li a:hover{color: #e06869;}

/*homepage for home*/
.homepage{background:#5fcf92 url(../images/bg02.png)  no-repeat left bottom; padding-top: 20px; background-size: 100% atuo;
        animation:myfirst 10s 2s infinite;
		-moz-animation:myfirst 10s 2s infinite; /* Firefox */
		-webkit-animation:myfirst 10s 2s infinite; /* Safari and Chrome */
		-o-animation:myfirst 10s 2s infinite; /* Opera */
		}

@keyframes myfirst{
 0%{background:#5fcf92 url(../images/bg02.png) no-repeat left bottom;}
 25%{background:#41c2e2 url(../images/bg02.png) no-repeat left bottom;}
 50%{background:#f3a346 url(../images/bg02.png) no-repeat left bottom;}
 75%{background:#e06869 url(../images/bg02.png) no-repeat left bottom;}
 100%{background:#5fcf92 url(../images/bg02.png) no-repeat left bottom;}
}

@-webkit-keyframes myfirst{
 0%{background:#5fcf92 url(../images/bg02.png) no-repeat left bottom;}
 25%{background:#41c2e2 url(../images/bg02.png) no-repeat left bottom;}
 50%{background:#f3a346 url(../images/bg02.png) no-repeat left bottom;}
 75%{background:#e06869 url(../images/bg02.png) no-repeat left bottom;}
 100%{background:#5fcf92 url(../images/bg02.png) no-repeat left bottom;}
}

@-moz-keyframes myfirst{
 0%{background:#5fcf92 url(../images/bg02.png) no-repeat left bottom;}
 25%{background:#41c2e2 url(../images/bg02.png) no-repeat left bottom;}
 50%{background:#f3a346 url(../images/bg02.png) no-repeat left bottom;}
 75%{background:#e06869 url(../images/bg02.png) no-repeat left bottom;}
 100%{background:#5fcf92 url(../images/bg02.png) no-repeat left bottom;}
}

@-o-keyframes myfirst{
 0%{background:#5fcf92 url(../images/bg02.png) no-repeat left bottom;}
 25%{background:#41c2e2 url(../images/bg02.png) no-repeat left bottom;}
 50%{background:#f3a346 url(../images/bg02.png) no-repeat left bottom;}
 75%{background:#e06869 url(../images/bg02.png) no-repeat left bottom;}
 100%{background:#5fcf92 url(../images/bg02.png) no-repeat left bottom;}
}


.homepage-box{min-height: 560px; background:url(../images/bg01.png) no-repeat 306px 38px; }
.banner{float: left;padding: 61px 0px 95px 0px; width:307px;background: url(../images/bg-banner.png) no-repeat;}

.homepage-cen{float: left; padding:60px 0px 0px 130px;width: 663px;line-height: 1;}
.homepage-cen h1{float: left;width: 663px;text-shadow: 0px 3px 0px rgba(0, 0, 0, .2);}
.homepage-cen h2{float: left;padding: 22px 0px 25px 13px; width: 650px;}
.homepage-cen p{float: left;padding: 0px 0px 15px 13px;width:650px;font-size: 24px; }
.homepage-btn{float: left;padding: 52px 0px 0px 13px; width: 650px; font-size: 30px; line-height: 37px;}
.homepage-phone{float: left;padding: 6px 30px 6px 60px;background: url(../images/ico11.png) no-repeat 20px 6px;color: #fff;border: 3px solid #fff; border-radius: 31px;}
.homepage-qq{float: left;margin-left: 15px;padding: 9px 30px 9px 60px;background: #e06869 url(../images/img-qq.png) no-repeat 20px 9px;color: #fff;border-radius: 31px;-webkit-box-shadow: inset 0 -3px 0 #c75758;
box-shadow: inset 0 -3px 0 #c75758;}
.homepage-qq:hover{background: #c75758 url(../images/ico-qq.png) no-repeat 20px 9px;}


/*customized for home*/
.customized{background: #805ed6 url(../images/bg03.png) no-repeat left bottom;background-size: 100% auto;}
.customized-box{text-align: center;}
.customized-down{float: left;padding: 10px 0px 47px 0px;}
.customized-title{text-align: center;}
.customized-title h3{padding: 16px 0px;}
.customized-list{padding-top: 67px;}
.customized-list-cen{float:left;padding: 0px 32px; width: 210px;cursor:pointer;}
.customized-list-cen:hover .customized-list-mx{display:block;}
.customized-list-cen h4{padding: 19px 0px 3px 0px;}
.customized-list-cen p{font-size: 12px;padding-bottom: 17px;}
.customized-list-mx{background: #7556c4;border: 1px solid #6b4fb4;border-radius: 20px;padding: 15px; display: none;}

.serve-down{float: left;padding: 70px 0px 70px 0px;}


/*serve for home*/
.serve{background: #e06869 url(../images/bg04.png) no-repeat left bottom;background-size: 100% auto;padding-top: 26px;}
.serve-title{text-align: center;}
.serve-title h3{padding: 16px 0px;}
.serve-list{float: left; padding: 50px 47px 110px 47px;width: 1006px;}
.serve-list-cen{float: left;width: 178px;text-align: left;}
.serve-list-cen h5{padding: 12px 0px;}
.serve-list-btn{float: left;width: 38px; padding: 94px 30px 0px 30px;}
.serve-btn a{ color:#983435;font-size: 24px;padding: 5px 20px;border: 2px solid #af4546;}
.serve-btn a:hover{border: 2px solid #983435;color:#983435;}
.serve-btn{margin-top: -130px;float: right;-moz-transform: rotate(355deg);-webkit-transform: rotate(355deg);-o-transform: rotate(355deg);-ms-transform: rotate(355deg);transform: rotate(355deg);}

.flow-down{text-align: center;padding-bottom: 93px;}


/*flow for home*/
.flow{background: #f3a346 url(../images/bg05.png) no-repeat left bottom;background-size: 100% auto;padding-top: 15px;}
.flow-title{text-align: center;}
.flow-title h3{padding: 16px 0px;}
.flow-step{float: left;padding: 63px 58px 0px 58px;width: 994px;}
.flow-step-list{float: left;width: 135px; text-align: center;}
.flow-step-num{width: 115px; height: 115px; margin-left: auto;margin-right: auto;border-radius: 58px;}
.flow-step-num h2{padding-top: 20px;}
.step-1{background: #5ca4a3;}
.step-2{background: #805ed6;}
.step-3{background: #41c2e2;}
.step-4{background: #eb4838;}
.flow-step-text h5{padding: 11px 0px 6px 0px;}
.flow-step-lest{width: 108px;float: left;padding: 40px 20px 0px 20px;}

.flow-logo-title{float: left; text-align: center;padding: 65px 0px 35px 0px;color: #9d5707;}
.flow-logo-list{float: left;}
.flow-logo-left{float: left;width: 70px;margin-right: 20px;}
.flow-logo-right{float: right;width: 70px;margin-left: 20px;}
.flow-logo{float: left;width:920px;}
.flow-logo li{float: left;display: inline;width: 105px; height: 105px; border: 3px solid #666;border-radius: 53px;margin: 0px 2px;overflow: hidden;}

.case-down{float: left; text-align: center;padding:50px 0px 83px 0px;}


/*case for home*/
.case{background: #5fcf92 url(../images/bg06.png) no-repeat left bottom;background-size: 100% auto;padding-top: 15px;}
.case-title{text-align: center;}
.case-title h3{padding: 16px 0px 35px 0px;}
.w1200{width: 1200px;margin-right: auto;margin-left: auto;}
.case-list li{display: inline;padding: 0px 1px; float: left;}
.case-list-btn{text-align: center;float: left; padding: 20px 0px 57px 0px;}
.case-list-btn li{display: inline;padding: 11px; line-height: 0px;}
.case-list-btn-y{background:url(images/btn13.png) no-repeat center;}
.case-list-btn-n{background:url(images/btn12.png) no-repeat center;}

.case-btn a{ color:#248350;font-size: 24px;padding: 5px 20px;border: 2px solid #349862;}
.case-btn a:hover{border: 2px solid #248350;color:#248350;}
.case-btn{margin-top: -130px;float: right;-moz-transform: rotate(355deg);-webkit-transform: rotate(355deg);-o-transform: rotate(355deg);-ms-transform: rotate(355deg);transform: rotate(355deg);}

.news-down{float: left; text-align: center;padding:0px 0px 83px 0px;}


/*news for home*/
.news{background: #805ed6 url(../images/bg07.png) no-repeat left bottom;background-size: 100% auto;padding-top: 15px;}
.news-title{text-align: center;}
.news-title h3{padding: 16px 0px 59px 0px;}

.news-box h5{line-height: 1.2;}
.news-left{float: left;width: 334px;}
.news-cen-a{float: left; width: 294px; background: #eb4838;padding: 20px;height: 170px;}
.news-cen-a p{padding: 12px 0px 10px 0px;}
.news-cen-a a{color: #94190d;}
.news-cen-a a:hover{color: #6b0f05;}

.news-cen-b{float: left; width: 294px; background: #41c2e2;padding: 20px;height: 170px;}
.news-cen-list li{margin-bottom:10px;}
.news-cen-list a{width: 100%; display: block;color: #fff;white-space:nowrap;text-overflow:ellipsis; overflow: hidden;}
.news-cen-list a:hover{color: #eb4838;}

.news-cen{float: left;width: 390px; }
.news-img{position: relative; float: left;width: 390px; height: 210px; overflow: hidden;}
.news-img-title{position: absolute;z-index: 22;left: 0px; bottom:0px; width:360px;padding: 15px;font-size: 18px;color: #fff;background: rgba(0,0,0,.4);line-height: 1;}
.news-cen-e{float: left; width: 350px; background:#5DA5A2;padding: 20px;height: 170px;}

.news-right{float: left; width: 376px;}
.news-cen-c{float: left; width: 336px; background: #5fcf92;padding: 20px;height: 170px;}
.news-cen-c p{padding: 12px 0px 10px 0px;}
.news-cen-c a{color: #197f48;}
.news-cen-c a:hover{color: #00612c;}

.news-cen-d{float: left; width: 336px; background: #f3a346;padding: 20px;height: 170px;}
.news-cen-d a{float: left;margin: 50px 0px 0px 100px; font-size: 16px;height: 69px;  line-height: 69px;padding-left: 80px;  color: #9d5707;background: url(images/ico12.png) no-repeat left center;background-size: 67px;}

.us-down{float: left; text-align: center;padding:55px 0px 81px 0px;}

/*us for home*/
.us{background: #eb4838;background-size: 100% auto;padding-top: 15px;padding-bottom: 106px;}
.us-title{text-align: center;}
.us-title h3{padding: 16px 0px 59px 0px;}

.us-left{float: left;width: 254px;}
.us-box h5{font-size: 20px;font-weight:bold;}
.us-left-list{float: left;padding-top: 25px;}
.us-left-list li{float: left; width: 100%;line-height: 24px;}
.us-left-list li a{color: #fff;}
.us-left-list li a:hover{color: #9f180b;}
.us-left-list li span{width: 100px;float: left;}

.us-two{width:373px;padding-left: 30px; float: left;border-left: 1px solid rgba(255,255,255,.5);}
.us-two-list{float: left; padding-top: 25px;}
.us-two-list li{float: left; width: 100%;line-height: 24px;}

.us-right{width:410px;padding-left: 30px; float: left;border-left: 1px solid rgba(255,255,255,.5);}
.us-right-list{float: left; padding-top: 25px;}
.us-right-list li{float: left; width:135px;line-height: 24px;}
.us-right-list li a{color: #fff;}
.us-right-list li a:hover{color: #9f180b;}


/*map for home*/

.map{margin-top: -80px;background: #f3a346;}


/*map for home*/
.footer{background-size: 100% auto;margin-top: -50px;}
.footer-cen{text-align: center;margin-top: 70px;padding-bottom: 20px; color: #444;background: #fff;}


/*qq for home*/
.qq-box{position: fixed; float: right;  z-index: 888;top: 270px;right: 15px;}
.qq-title{float: left;width: 46px; cursor:pointer}
.qq-title-img{float: left;margin-top: 20px;padding: 8px 0px 0px 10px;background: #85b4eb;}
.qq-title-text{float: left;padding: 16px 0px; color: #fff;font-size: 20px; text-align: center;width: 46px;background: #f86464;line-height: 24px;}
.qq-title-hs{float: left;padding: 12px 16px;background: #777;}

.qq-cen{z-index: 900; float: left;width: 149px;background: #f86464;border: 3px solid #f86464;box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);}
.qq-cen-title{width: 149px;text-align: center;font-size: 10px;line-height: 1;padding: 9px 0px;}
.qq-cen-kh{float: left;width: 149px;}
.qq-cen-kh a{float: left;padding: 10px 0px 10px 56px;width:93px; background: #fff url(../images/img-qq02.jpg) no-repeat 12px center;border-bottom: 1px solid #e2ded9;}
.qq-cen-kh a:hover{ background: #fbf0e2 url(../images/img-qq02.jpg) no-repeat 12px center;}
.qq-cen-kh a h6{color: #eb4838;}
.qq-cen-kh a p{color: #767676; font-size: 12px;padding-top: 2px;}
.qq-cen-tel{float: left;width: 149px; text-align: center;background: #fff;padding:40px 0px 15px 0px; }
.qq-cen-tel h6{color: #585858;}
.qq-cen-tel h5{color: #f86464;font-size: 16px;font-weight: bold; padding-top: 11px;}


/**/
.guide ul li{position: relative; height: 409px;}
.wm{position: absolute;z-index: 22;bottom:0px; left: 0px; width: 88%; overflow: hidden; padding: 15px 6%; background: rgba(0,0,0,.6); color: #fff;}
.wm p{width:100%; margin-top:5px; font-size: 12px; height:60px; overflow: hidden; float: left; clear: both; line-height: 20px;}
.wm b{ width:100%; float: left; font-size:14px; font-weight: normal;}